<ion-modal-view>
    <ion-header-bar>
        <h1 class="title">Tag</h1>
    </ion-header-bar>
    <ion-content>
        <div>
            歌名：<input ng-model="songName">
        </div>

        <div>
            <p>第一层：</p>
            <button class="button button-balance"
                    ng-repeat="one in music['第一层']"
                    ng-click="chooseOne(one,$index)"
                    ng-class="{'button-calm':data[$index]}">{{one}}
            </button>
        </div>

        <div>
            <p>第二层：</p>
            <button class="button button-balance"
                    ng-repeat="two in music['第二层']"
                    ng-click="chooseTwo(two,$index)"
                    ng-class="{'button-calm':data2[$index]}">{{two}}
            </button>
        </div>


        <div>
            <p>第三层：</p>
            <button class="button button-balance"
                   ng-repeat="three in music['第三层'] "
                    ng-click="chooseThree(three,$index)"
                    ng-class="{'button-calm':data3[$index]}">{{three}}
            </button>

        </div>

        <div>
            <p>第四层：</p>
            <button class="button button-balance"
                   ng-repeat="four in musicData4"
                   ng-click="chooseFour(four,$index)"
                   ng-class="{'button-clam':data4[$index]}">{{four}}
            </button>

        </div>



        <button class="button button-block button-positive" type="button" ng-click="SaveTag(songName)">SaveTag</button>

    </ion-content>
</ion-modal-view>
